<template>
	<view>
		组件
		<view>静态props属性{{name}}</view>
		<view>动态props属性{{content}}</view>
		<slot></slot>
		<button @click="handleClick">修改content的值</button>
	</view>
</template>

<script setup>
	import { defineProps,defineEmits } from 'vue';
	//1.数组形式
	 //defineProps(['name','content'])
	//2. 对象接收形式
	defineProps({
		name: String,
		content:{
			type: String,
			default: ()=>{
				return '默认值'
			}
		}
	})
	
	//子组件给父组件传递值用emit 先接收所有的emit，然后分别在需要的地方调用对应的emit方法
	let emit = defineEmits(['changeContent'])
	
	let handleClick = () => {
		emit('changeContent','修改content')
	}

</script>

<style>

</style>
